<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
		<title>运营合作登录页</title>
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>

		<div class="container">
			<div class="middle">
				<div class="Cooperative_img">
					<img src="" alt="" id="imgs">
					<div class="circle"><img src="img/image_zhezhao@3x.png" alt=""></div>
				</div>

				<div class="Cooperative_btn" onclick="CollectImmediately()"><img src="img/icon_gift@3x.png" alt=""><text>立即领取</text></div>
				<div class="bottom">
					<p class="Cooperative_copy">此活动最终解释权归健康界与中国医生集团共同享有</p>
				</div>
			</div>

		</div>

	</body>
	<script src="js/jquery.min.js"></script>
	<script src="js/rem.js"></script>
	<script>
		window.onload = function() {
			if ($(window).width() === 375 && $(window).height() === 812 && window.devicePixelRatio === 3) {
				$('#imgs').attr('src', 'img/iosX_img@3x.png');
			} else {
				$('#imgs').attr('src', 'img/1@3x.png');
			}
			
		}
		function CollectImmediately(){
			alert('立即领取')
		}
	</script>
</html>
